<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>应用下载-558出海社区</title>
  <style>

      * {
          margin: 0;
          padding: 0;
      }

      .container {
          display: flex;
          justify-content: center;
      }

      .container .content {
          max-width: 500px;
          width: 100%;
          position: relative;
      }

      .title {
          font-size: 28px;
          font-weight: bold;
          text-align: center;
          padding-top: 85px;
          color: #212E50;
      }

      .sub-title {
          font-size: 14px;
          color: #868FAA;
          text-align: center;
          margin-top: 16px;
      }

      .button {
          width: 158px;
          cursor: pointer;
      }
  </style>
</head>

<body>
<div class="container">
  <div class="content">
    <div class="title">
      传递有价值的内容
    </div>
    <div class="sub-title">
      为出海用户提供最新资讯的论坛交流平台
    </div>
    <div style="display: flex; justify-content: center; margin-top: 32px;">
      <img class="button android" src="https://bbs-558-1321904885.cos.accelerate.myqcloud.com/resource/android.png">
      <img class="button ios" src="https://bbs-558-1321904885.cos.accelerate.myqcloud.com/resource/ios.png">
    </div>
    <img src="https://bbs-558-1321904885.cos.accelerate.myqcloud.com/resource/bg.png" style="width: 100%;">
  </div>
</div>

<script th:inline="javascript">
  (function () {
    const downloadUrlAndroid = /*[[ ${downloadUrlAndroid} ]]*/ '';
    const downloadUrlIOS = 'https://apps.apple.com/us/app/558%E5%87%BA%E6%B5%B7/id6476465083';
    document.querySelector('.button.android').addEventListener('click', function () {
      location.href = downloadUrlAndroid;
    });
    document.querySelector('.button.ios').addEventListener('click', function () {
      location.href = downloadUrlIOS;
    });
  })();
</script>

</body>

</html>